<div style="margin-top: 12px;">
    <span class="badge badge-pill" style="font-size: 12px;">
        夜灵平原
        <span id="night_spirit_time" style="font-size: 14px;">
            ...
        </span>
        后
        <span id="night_spirit_state">
            ...
        </span>
    </span>
    <span class="badge badge-pill" style="font-size: 12px;">
        金星平原
        <span id="venus_time"  style="font-size: 14px;">
            ...
        </span>
        后
        <span id="venus_state">
            ...
        </span>
    </span>
    <span class="badge badge-pill" style="font-size: 12px;">
        当前活跃人数
        <span>
            {$Think.session.online_user_count}
        </span>
        /
        <span>
            {$Think.session.user_count}
        </span>
    </span>
</div>
<ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
    {if !empty($Think.session.user_info)}
        <li class="nav-item dropdown hidden-caret">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="la la-chevron-circle-down"></i>
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="/myMod">
                    查看/修改 {php} echo config('menu.send_stuff') {/php}
                </a>
                <a class="dropdown-item" href="/myActivity">
                    查看/删除 {php} echo config('menu.send_clan') {/php}
                </a>
                <a class="dropdown-item" href="/comment">
                    查看 {php} echo config('menu.other_user_comment') {/php}
                </a>
            </div>
        </li>
    {/if}
    <li class="nav-item dropdown">
        {if !empty($Think.session.user_info)}
            <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false">
                <span>{$Think.session.user_info.email}</span>
            </a>
            <ul class="dropdown-menu dropdown-user">
                <li>
                    <div class="user-box">
                        <div class="u-text">
                            <h4>{$Think.session.user_info.game_id}</h4>
                            <p class="text-muted">{$Think.session.user_info.email}</p>
                        </div>
                    </div>
                </li>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="/editUserFile">
                    <i class="ti-user"></i>
                    编辑资料
                </a>
                <a class="dropdown-item" href="/editGameId">
                    <i class="ti-user"></i>
                    修改游戏 ID
                </a>
                <a class="dropdown-item" href="/editPassword">
                    <i class="ti-user"></i>
                    修改密码
                </a>
                <div class="dropdown-divider"></div>
                <a id="user_login_out" class="dropdown-item" href="#">
                    <i class="fa fa-power-off"></i>
                    退出
                </a>
            </ul>
        {else /}
            <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false">
                <span style="font-weight: 400;">
                    未检测到用户登录
                </span>
            </a>
            <ul class="dropdown-menu dropdown-user">
                <a class="dropdown-item" href="/signIn">
                    <i class="ti-user"></i>
                    登录
                </a>
                <a class="dropdown-item" href="/signUp">
                    <i class="ti-user"></i>
                    注册
                </a>
            </ul>
        {/if}
    </li>
</ul>
</div>
</nav>
</div>
<div class="sidebar">
    <div class="sidebar-wrapper" style="overflow-y: hidden;">
        <div class="user">
            <div class="info">
                {if !empty($Think.session.user_info) }
                    <a class="" data-toggle="collapse" href="#collapseExample" aria-expanded="true">
                        <span>
                            {$Think.session.user_info.game_id}
                            {eq name="$Think.session.user_info.game_state" value="1"}
                            <span class="user-level user_game_state" style="color: forestgreen;">ONLINE</span>
                            {else/}
                            <span class="user-level user_game_state" style="color: red;">OFFLINE</span>
                            {/eq}
                            <span class="caret"></span>
                        </span>
                    </a>
                    <div class="clearfix"></div>
                    <div class="collapse in" id="collapseExample" aria-expanded="true" style="">
                        <ul class="nav">
                            <li>
                                <a id="updateGameState" href="#">
                                    <span class="link-collapse" style="font-weight: 500;">
                                        点击更改游戏状态
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                {else /}
                <a class="#" data-toggle="collapse" href="#collapseExample" aria-expanded="true">
                    <span  style="font-weight: 500;">
                        您还未登录
                        <span class="user-level" style="font-weight: 400;">
                            登录后方可进行相关操作！
                        </span>
                        <span class="caret"></span>
                    </span>
                </a>
                <div class="clearfix"></div>
                <div class="collapse in" id="collapseExample" aria-expanded="true" style="">
                    <ul class="nav">
                        <li>
                            <a href="/signUp">
                                <span class="link-collapse" style="font-weight: 400;">
                                    注册 / SIGN UP
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/signIn">
                                <span class="link-collapse" style="font-weight: 400;">
                                    登录 / SIGN IN
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                {/if}
            </div>
        </div>